<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>十跖</title>
    <!--添加网站关键字、网站描述-->
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="../images/">

    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../swiper/swiper-3.3.1.min.css">
    <link rel="stylesheet" type="text/less" href="../css/all_same_style.less">
    <link rel="stylesheet" type="text/less" href="../css/index_lis_show.less">
    <script src="../js/Less_css.js"></script>
    <script src="../js/jquery-1.8.3.min.js"></script>
    <script src="../swiper/swiper-3.3.1.min.js"></script>
    <script>
        window.onload=function () {
//            var windowWidth=$(window).width();
            var windowWidth=document.documentElement.clientWidth;
//            alert(windowWidth);
            if (windowWidth>1440){
                document.documentElement.style.fontSize=100+'px';
            }else if (windowWidth<=1336){
                document.documentElement.style.fontSize=835/9+'px';
            }else{
                document.documentElement.style.fontSize=windowWidth/14.4+'px';
            }
        }
        window.onresize=function () {
//            var windowWidth=$(window).width();
            var windowWidth=document.documentElement.clientWidth;
//            alert(windowWidth);
            if (windowWidth>1440){
                document.documentElement.style.fontSize=100+'px';
            }else if (windowWidth<=1336){
                document.documentElement.style.fontSize=835/9+'px';
            }else{
                document.documentElement.style.fontSize=windowWidth/14.4+'px';
            }
        }
    </script>
</head>
<body>
<div id="header" class="clearfloat">
    <div class="header_logo_navs clearfloat">
        <div class="header_logo"><a href="../index.html"><img src="../imgages/top_logo.png" alt="10十跖"></a></div>
        <ul class="header_navs clearfloat">
            <a href="javascript:void(0)"><li class="header_information clearfloat">
                <span>资讯</span>
                <img src="../imgages/顶部导航.png" alt="">
            </li></a>
            <a href="javascript:void(0)"><li class="header_hot">热门</li></a>
            <a href="expert_page.html"><li class="header_konwledgeteam">智囊团</li></a>
            <div class="information_box">
                <div class="header_triangle clearfloat"></div>
                <div class="infor_lis_box">
                    <ul class="infor_lis_tec">
                        <a href="javascript:void(0)">
                            <li class="infor_lis_title infor_lis_title_tec clearfloat">
                                科技|Technology
                                <img class="infor_lis_open_icon" src="../imgages/栏目导航.png" alt="">
                            </li>
                        </a>
                        <a href="index_lis_show.html">
                            <li>
                                新创|Newly devised
                            </li>
                        </a>
                        <a href="index_lis_show.html">
                            <li>
                                大数据|Big data
                            </li>
                        </a>
                        <a href="index_lis_show.html">
                            <li>
                                人工智能|AI
                            </li>
                        </a>
                    </ul>
                    <ul class="infor_lis_med">
                        <a href="javascript:void (0)">
                            <li class="infor_lis_title infor_lis_title_med clearfloat">
                                医疗|Medical
                                <img class="infor_lis_open_icon" src="../imgages/栏目导航.png" alt="">
                            </li>
                        </a>
                        <a href="index_lis_show.html">
                            <li>
                                临床预防|Clinical prevention
                            </li>
                        </a>
                        <a href="index_lis_show.html">
                            <li>
                                医养结合|Hcc
                            </li>
                        </a>
                        <a href="index_lis_show.html">
                            <li>
                                医学研究|Medical researc
                            </li>
                        </a>
                    </ul>
                    <ul class="infor_lis_eco">
                        <a href="javascript:void (0)">
                            <li class="infor_lis_title infor_lis_title_eco clearfloat">
                                生态|Ecology
                                <img class="infor_lis_open_icon" src="../imgages/栏目导航.png" alt="">
                            </li>
                        </a>
                        <a href="index_lis_show.html">
                            <li>
                                民生|He people's livelihood
                            </li>
                        </a>
                        <a href="index_lis_show.html">
                            <li>
                                空间|Space
                            </li>
                        </a>
                    </ul>
                    <ul class="infor_lis_fut">
                        <a href="javascript:void (0)">
                            <li class="infor_lis_title infor_lis_title_fut clearfloat">
                                未来|Future
                                <img class="infor_lis_open_icon" src="../imgages/栏目导航.png" alt="">
                            </li>
                        </a>
                        <a href="index_lis_show.html">
                            <li>
                                新概念|Newly concept
                            </li>
                        </a>
                        <a href="index_lis_show.html">
                            <li>
                                科幻|Science fiction
                            </li>
                        </a>
                    </ul>

                </div>
            </div>
        </ul>
    </div>
    <div class="header_others clearfloat">
        <div class="header_search"><a href="search.html"><img src="../imgages/搜索1.png" alt="搜索"></a></div>
        <div class="header_personal">
            <a href="personalcenter_articalpage.html">
                <img class="header_personal_pic" src="../imgages/24px.png" alt="个人头像">
                <div class="header_personal_status"></div>
            </a>
        </div>
        <div class="header_contribute">
            <a href="submission_page.html">
                <img src="../imgages/发布.png" alt="">
                <span>投稿</span>
            </a>
        </div>
    </div>
</div>
<div id="content_box" class="clearfloat">
    <div id="content"class="clearfloat">
        <div id="content_topbar" class="clearfloat same_shadow">
            <!--swiper滚动-->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><a href=""><img src="../imgages/2.jpg" alt=""></a></div>
                    <div class="swiper-slide"><a href=""><img src="../imgages/2.jpg" alt=""></a></div>
                    <div class="swiper-slide"><a href=""><img src="../imgages/2.jpg" alt=""></a></div>
                    <div class="swiper-slide"><a href=""><img src="../imgages/2.jpg" alt=""></a></div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>

                <!-- 如果需要导航按钮 -->
                <!--<div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>-->
                <!-- 如果需要滚动条 -->
                <!--<div class="swiper-scrollbar"></div>-->
        </div>
        </div>
        <div id="contents" class="clearfloat">
            <div id="slidenavs">
                <div class="infor_lis_box slidenavsinfor_lis_box">
                    <ul class="infor_lis_tec slidenavsinfor_lis_tec">
                        <li class="infor_lis_title infor_lis_title_tec clearfloat">
                            科技|Technology
                            <img class="infor_lis_open_icon" src="../imgages/栏目导航.png" alt="">
                        </li>
                        <li>
                            新创|Newly devised
                            <a href="index_lis_show.html"></a>
                        </li>
                        <li>
                            大数据|Big data
                            <a href="index_lis_show.html"></a>
                        </li>
                        <li>
                            人工智能|AI
                            <a href="index_lis_show.html"></a>
                        </li>
                    </ul>
                    <ul class="infor_lis_med slidenavsinfor_lis_med">
                        <li class="infor_lis_title infor_lis_title_med clearfloat">
                            医疗|Medical
                            <img class="infor_lis_open_icon" src="../imgages/栏目导航.png" alt="">
                        </li>
                        <li>
                            临床预防|Clinical prevention
                            <a href="index_lis_show.html"></a>
                        </li>
                        <li>
                            医养结合|Hcc
                            <a href="index_lis_show.html"></a>
                        </li>
                        <li>
                            医学研究|Medical researc
                            <a href="index_lis_show.html"></a>
                        </li>
                    </ul>
                    <ul class="infor_lis_eco slidenavsinfor_lis_eco">
                        <li class="infor_lis_title infor_lis_title_eco clearfloat">
                            生态|Ecology
                            <img class="infor_lis_open_icon" src="../imgages/栏目导航.png" alt="">
                        </li>
                        <li>
                            民生|He people's livelihood
                            <a href="index_lis_show.html"></a>
                        </li>
                        <li>
                            空间|Space
                            <a href="index_lis_show.html"></a>
                        </li>
                    </ul>
                    <ul class="infor_lis_fut slidenavsinfor_lis_fut">
                        <li class="infor_lis_title infor_lis_title_fut clearfloat">
                            未来|Future
                            <img class="infor_lis_open_icon" src="../imgages/栏目导航.png" alt="">
                        </li>
                        <li>
                            新概念|Newly concept
                            <a href="index_lis_show.html"></a>
                        </li>
                        <li>
                            科幻|Science fiction
                            <a href="index_lis_show.html"></a>
                        </li>
                    </ul>

                </div>
                <div class="slidenavs_others">
                    <ul class="slidenavs_company clearfloat">
                        <li><a href="javascript:(0)">关于我们</a></li>
                        <li><a href="javascript:(0)">加入我们</a></li>
                        <li><a href="javascript:(0)">合作伙伴</a></li>
                        <li><a href="javascript:(0)">广告及服务</a></li>
                        <li><a href="javascript:(0)">常见问题解答</a></li>
                    </ul>
                    <ul class="slidenavs_company_id">
                        <li>北京罗来雅科技有限公司</li>
                        <li>Copyright &copy; 十跖网 京ICP备</li>
                        <li>12013432号-1</li>
                        <li>京公网安备 11010102001402号</li>
                    </ul>
                </div>
            </div>
            <ul class="notindex_contents_lis contents_lis clearfloat same_shadow">
                <!--有图片和没有图片是两种样式不一样的结构-->
                <!--有图片的-->
                <li class="contents_li_havepic clearfloat">
                    <!--<div class="contents_li_havepic_titlepic"></div>-->
                    <div class="contents_li_havepic_titlepic"></div>
                    <div class="contents_li_havepic_content_author">
                        <p class="contents_li_havepic_content">
                            新创新创新创新创新创企业和政策制定者都在为特朗普当选美国总统之后的贸易政策变更而作者准备。特朗普已经明确表示将会哒哒哒
                        </p>
                        <div class="contents_li_havepic_author clearfloat">
                            <img class="contents_li_havepic_author_pic" src="../imgages/author.png" alt="">
                            <p class="contents_li_havepic_author_name">一二三四五六七八九</p>
                            <p class="contents_li_havepic_author_time"><span>30</span>分钟前</p>
                            <ul class="contents_li_author_tags contents_li_havepic_content_author_icon clearfloat">
                                <li class="contents_li_author_tags_new">New</li>
                                <li class="contents_li_author_tags_self">原创</li>
                            </ul>
                        </div>
                    </div>
                </li>
                <!--无图片的-->
                <li class="contents_li_nopic clearfloat">
                    <p>新创新创新创新创新创科技企业和政策制定者都在为特朗普当选美国总统之后的贸易政策变更而作者准备。特朗普已经明确表示将会哒哒哒</p>
                    <div class="contents_li_havepic_author clearfloat">
                        <img class="contents_li_havepic_author_pic" src="../imgages/author.png" alt="">
                        <p class="contents_li_havepic_author_name">一二三四五六七八九</p>
                        <p class="contents_li_havepic_author_time"><span>30</span>分钟前</p>
                        <ul class="contents_li_author_tags contents_li_havepic_content_author_icon clearfloat">
                            <li class="contents_li_author_tags_new">New</li>
                            <li class="contents_li_author_tags_self">原创</li>
                        </ul>
                    </div>
                </li>
                <!--有图片的-->
                <li class="contents_li_havepic clearfloat">
                    <!--<div class="contents_li_havepic_titlepic"></div>-->
                    <div class="contents_li_havepic_titlepic"></div>
                    <div class="contents_li_havepic_content_author">
                        <p class="contents_li_havepic_content">
                            企业和政策制定者都在为特朗普当选美国总统之后的贸易政策变更而作者准备。特朗普已经明确表示将会哒哒哒
                        </p>
                        <div class="contents_li_havepic_author clearfloat">
                            <img class="contents_li_havepic_author_pic" src="../imgages/author.png" alt="">
                            <p class="contents_li_havepic_author_name">一二三四五六七八九</p>
                            <p class="contents_li_havepic_author_time"><span>30</span>分钟前</p>
                            <ul class="contents_li_author_tags contents_li_havepic_content_author_icon clearfloat">
                                <li class="contents_li_author_tags_new">New</li>
                                <li class="contents_li_author_tags_self">原创</li>
                            </ul>
                        </div>
                    </div>
                </li>
                <!--有图片的-->
                <li class="contents_li_havepic clearfloat">
                    <div class="contents_li_havepic_titlepic"></div>
                    <div class="contents_li_havepic_content_author">
                        <p class="contents_li_havepic_content">
                            企业和政策制定者都在为特朗普当选美国总统之后的贸易政策变更而作者准备。特朗普已经明确表示将会哒哒哒
                        </p>
                        <div class="contents_li_havepic_author clearfloat">
                            <img class="contents_li_havepic_author_pic" src="../imgages/author.png" alt="">
                            <p class="contents_li_havepic_author_name">一二三四五六七八九</p>
                            <p class="contents_li_havepic_author_time"><span>30</span>分钟前</p>
                            <ul class="contents_li_author_tags contents_li_havepic_content_author_icon clearfloat">
                                <li class="contents_li_author_tags_new">New</li>
                                <li class="contents_li_author_tags_self">原创</li>
                            </ul>
                        </div>
                    </div>
                </li>
                <!--无图片的-->
                <li class="contents_li_nopic clearfloat">
                    <p>企业和政策制定者都在为特朗普当选美国总统之后的贸易政策变更而作者准备。特朗普已经明确表示将会哒哒哒</p>
                    <div class="contents_li_havepic_author clearfloat">
                        <img class="contents_li_havepic_author_pic" src="../imgages/author.png" alt="">
                        <p class="contents_li_havepic_author_name">一二三四五六七八九</p>
                        <p class="contents_li_havepic_author_time"><span>30</span>分钟前</p>
                        <ul class="contents_li_author_tags contents_li_havepic_content_author_icon clearfloat">
                            <li class="contents_li_author_tags_new">New</li>
                            <li class="contents_li_author_tags_self">原创</li>
                        </ul>
                    </div>
                </li>
                <!--无图片的-->
                <li class="contents_li_nopic clearfloat">
                    <p>企业和政策制定者都在为特朗普当选美国总统之后的贸易政策变更而作者准备。特朗普已经明确表示将会哒哒哒</p>
                    <div class="contents_li_havepic_author clearfloat">
                        <img class="contents_li_havepic_author_pic" src="../imgages/author.png" alt="">
                        <p class="contents_li_havepic_author_name">一二三四五六七八九</p>
                        <p class="contents_li_havepic_author_time"><span>30</span>分钟前</p>
                        <ul class="contents_li_author_tags contents_li_havepic_content_author_icon clearfloat">
                            <li class="contents_li_author_tags_new">New</li>
                            <li class="contents_li_author_tags_self">原创</li>
                        </ul>
                    </div>
                </li>
                <!--有图片的-->
                <li class="contents_li_havepic clearfloat">
                    <div class="contents_li_havepic_titlepic"></div>
                    <div class="contents_li_havepic_content_author">
                        <p class="contents_li_havepic_content">
                            企业和政策制定者都在为特朗普当选美国总统之后的贸易政策变更而作者准备。特朗普已经明确表示将会哒哒哒
                        </p>
                        <div class="contents_li_havepic_author clearfloat">
                            <img class="contents_li_havepic_author_pic" src="../imgages/author.png" alt="">
                            <p class="contents_li_havepic_author_name">一二三四五六七八九</p>
                            <p class="contents_li_havepic_author_time"><span>30</span>分钟前</p>
                            <ul class="contents_li_author_tags contents_li_havepic_content_author_icon clearfloat">
                                <li class="contents_li_author_tags_new">New</li>
                                <li class="contents_li_author_tags_self">原创</li>
                            </ul>
                        </div>
                    </div>
                </li>
                <!--有图片的-->
                <li class="contents_li_havepic clearfloat">
                    <div class="contents_li_havepic_titlepic"></div>
                    <div class="contents_li_havepic_content_author">
                        <p class="contents_li_havepic_content">
                            企业和政策制定者都在为特朗普当选美国总统之后的贸易政策变更而作者准备。特朗普已经明确表示将会哒哒哒
                        </p>
                        <div class="contents_li_havepic_author clearfloat">
                            <img class="contents_li_havepic_author_pic" src="../imgages/author.png" alt="">
                            <p class="contents_li_havepic_author_name">一二三四五六七八九</p>
                            <p class="contents_li_havepic_author_time"><span>30</span>分钟前</p>
                            <ul class="contents_li_author_tags contents_li_havepic_content_author_icon clearfloat">
                                <li class="contents_li_author_tags_new">New</li>
                                <li class="contents_li_author_tags_self">原创</li>
                            </ul>
                        </div>
                    </div>
                </li>
                <!--广告位置-->
                <li class="contents_li_havepic clearfloat">
                    <div class="contents_li_havepic_titlepic"></div>
                    <div class="contents_li_havepic_content_author">
                        <p class="contents_li_havepic_content contents_li_havepic_content_advertisement">
                            企业和政策制定者都在为特朗普当选美企业和政策制定者都在为特朗普当选美企业和政策制定者都在为特朗普当选美企业和政策制定者都在为特朗普当选美国总统之后的贸易政策变更而作者准备。特朗普已经明确表示将会哒哒哒
                        </p>
                        <div class="contents_li_havepic_content_advertisement_icon">广告</div>
                        <!--<div class="contents_li_havepic_author clearfloat">
                            <img class="contents_li_havepic_author_pic" src="../" alt="">
                            <p class="contents_li_havepic_author_name">一二三四五六七八九</p>
                            <p class="contents_li_havepic_author_time"><span>30</span>分钟前</p>
                            <ul class="contents_li_author_tags contents_li_havepic_content_author_icon clearfloat">
                                <li class="contents_li_author_tags_new">New</li>
                                <li class="contents_li_author_tags_self">原创</li>
                            </ul>
                        </div>-->
                    </div>
                </li>
                <!--无图片的-->
                <li class="contents_li_nopic clearfloat">
                    <p>企业和政策制定者都在为特朗普当选美国总统之后的贸易政策变更而作者准备。特朗普已经明确表示将会哒哒哒</p>
                    <div class="contents_li_havepic_author clearfloat">
                        <img class="contents_li_havepic_author_pic" src="../imgages/author.png" alt="">
                        <p class="contents_li_havepic_author_name">一二三四五六七八九</p>
                        <p class="contents_li_havepic_author_time"><span>30</span>分钟前</p>
                        <ul class="contents_li_author_tags contents_li_havepic_content_author_icon clearfloat">
                            <li class="contents_li_author_tags_new">New</li>
                            <li class="contents_li_author_tags_self">原创</li>
                        </ul>
                    </div>
                </li>
                <!--无图片的-->
                <li class="contents_li_nopic clearfloat">
                    <p>企业和政策制定者都在为特朗普当选美国总统之后的贸易政策变更而作者准备。特朗普已经明确表示将会哒哒哒</p>
                    <div class="contents_li_havepic_author clearfloat">
                        <img class="contents_li_havepic_author_pic" src="../imgages/author.png" alt="">
                        <p class="contents_li_havepic_author_name">一二三四五六七八九</p>
                        <p class="contents_li_havepic_author_time"><span>30</span>分钟前</p>
                        <ul class="contents_li_author_tags contents_li_havepic_content_author_icon clearfloat">
                            <li class="contents_li_author_tags_new">New</li>
                            <li class="contents_li_author_tags_self">原创</li>
                        </ul>
                    </div>
                </li>
                <!--点击li时展开文章详情页-->
                <!--和首页点击进入的详情页布局不一样-->
                <!--<div class="notindex_artical_details_page">
                    <p class="index_artical_details_title">文章详情页1新创企业和政策制定者都在为特朗普当选美国总统之后的贸易政策变更而作者准备。特朗普已经明确表示将会哒哒哒
                    </p>
                    <div class="index_artical_details_icons_others">
                        <ul class="index_artical_details_contents_li_havepic_content_author_icon contents_li_author_tags contents_li_havepic_content_author_icon clearfloat">
                            <li class="index_artical_details_contents_li_author_tags_new contents_li_author_tags_new">new</li>
                            <li class="index_artical_details_contents_li_author_tags_self contents_li_author_tags_self">原创</li>
                            <div class="index_artical_details_others clearfloat">
                                <p><span>99999</span> 个赞 &#124;&nbsp;</p>
                                <p><span>99999</span> 个评论 &#124;&nbsp;</p>
                                <p><span>30</span>分钟前</p>
                            </div>
                        </ul>
                    </div>
                    <div class="index_artical_details_pic">
                        <img src="../imgages/32px.png" alt="">
                    </div>
                    <div class="index_artical_details_words">
                        一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九
                        十一二三四五六七八九十一二三四五六七八九十一一二三四五六七八九十一二三四五六七八九十一二三四五六七
                        八九十二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七
                        一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九
                        一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九
                        一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四十十八九十
                    </div>
                    &lt;!&ndash; 小标题&ndash;&gt;
                    <div class="index_artical_details_titlewords">
                        一二三四五六七八九十一二三四五六七八九十一二三四五六七
                    </div>
                    <div class="index_artical_details_words">
                        一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九
                        十一二三四五六七八九十一二三四五六七八九十一一二三四五六七八九十一二三四五六七八九十一二三四五六七
                        八九十二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七
                        一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九
                        一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九
                        一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四十十八九十
                    </div>
                    <div class="index_artical_details_statement">
                        <p class="index_artical_details_statement_from">*本文由十跖网编辑 <span>汪成</span> 整理发布</p>
                        <p>转载此文章需经作者同意，并请附上出处（十跖网）及本页链接</p>
                        <p>原文链接 http://www.10shizhi.com/article/173632.html</p>
                        <p class="index_artical_details_wxfocus">关注微信公众号十跖（shizhi），定时推送，享受最新的动态</p>
                    </div>
                    <div class="index_artical_details_support clearfloat">
                        <img src="../imgages/support.png" alt=""><span>100</span>
                    </div>
                    <div class="index_artical_details_firstcomment_box">
                        <form action="">
                            <textarea type="text" name="" class="index_artical_details_comment_textarea"  placeholder="你好，10字起评论"></textarea>
                            <button class="index_artical_details_comment_submit" type="submit">发表</button>
                        </form>
                    </div>
                    <ul class="index_artical_details_comment_lis">
                        &lt;!&ndash;<li class="index_artical_details_comment_li clearfloat">
                                <div class="index_artical_details_comment_pic_name clearfloat">
                                    <img class="index_artical_details_comment_pic" src="../imgages/40px.png" alt="">
                                    <p class="index_artical_details_comment_name">一二三四五六七八九十</p>
                                    <p class="index_artical_details_comment_date"><span>2015</span>-<span>05</span>-<span>23</span></p>
                                    <p class="index_artical_details_comment_time"><span>16</span>:<span>21</span></p>
                                </div>
                                <div class="index_artical_details_comment_txt">
                                    这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里
                                </div>
                                <div class="index_artical_details_comment_others_box">
                                    <div class="index_artical_details_comment_others clearfloat">
                                        <div class="index_artical_details_comment_others_left clearfloat">
                                            <p>点评</p>
                                            <span class="index_artical_details_comment_jubao">举报</span>
                                        </div>
                                        <ul class="index_artical_details_comment_others_right clearfloat">
                                            <li class="index_artical_details_comment_others_support clearfloat">
                                                <img src="../imgages/" alt="支持">
                                                <p>123456</p>
                                            </li>
                                            <li class="index_artical_details_comment_others_nosupport clearfloat">
                                                <img src="../imgages/" alt="反对">
                                                <p>123456</p>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </li>&ndash;&gt;
                        &lt;!&ndash;别人写的第一条评论可以做出点评操作、评论数只有一个时&ndash;&gt;
                        <li class="index_artical_details_comment_li clearfloat">
                            <div class="index_artical_details_comment_pic_name clearfloat">
                                <img class="index_artical_details_comment_pic" src="../imgages/40px.png" alt="">
                                <p class="index_artical_details_comment_name">一二三四五六七八九十</p>
                                <p class="index_artical_details_comment_date"><span>2015</span>-<span>05</span>-<span>23</span></p>
                                <p class="index_artical_details_comment_time"><span>16</span>:<span>21</span></p>
                            </div>
                            <div class="index_artical_details_comment_txt">
                                这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里
                            </div>
                            <div class="index_artical_details_comment_others_box">
                                <div class="index_artical_details_comment_others clearfloat">
                                    <div class="index_artical_details_comment_others_left clearfloat">
                                        <p>点评</p>
                                        <span class="index_artical_details_comment_jubao">举报</span>
                                    </div>
                                    <ul class="index_artical_details_comment_others_right clearfloat">
                                        <li class="index_artical_details_comment_others_support clearfloat">
                                            <img src="../imgages/" alt="支持">
                                            <p>123456</p>
                                        </li>
                                        <li class="index_artical_details_comment_others_nosupport clearfloat">
                                            <img src="../imgages/" alt="反对">
                                            <p>123456</p>
                                        </li>

                                    </ul>
                                </div>
                                <div class="index_artical_details_notfirstcomment_box">
                                    <form action="">
                                        <textarea type="text" name="" class="index_artical_details_comment_textarea"  placeholder="你好，10字起评论"></textarea>
                                        <button class="index_artical_details_comment_submit index_artical_details_notfirstcomment_submit" type="submit">发表</button>
                                        <p class="index_artical_details_comment_cancelsubmit">取消</p>
                                    </form>
                                </div>
                            </div>
                        </li>
                        &lt;!&ndash;自己写的第一条评论可以做：删除、回复 操作、评论数只有一个时&ndash;&gt;
                        <li class="index_artical_details_comment_li index_artical_details_comment_li_myself clearfloat">
                            &lt;!&ndash;自己的评论多了删除评论按钮&ndash;&gt;
                            <div class="index_artical_details_comment_pic_name index_artical_details_comment_pic_namemyself clearfloat">
                                <img class="index_artical_details_comment_pic" src="../imgages/40px.png" alt="">
                                <p class="index_artical_details_comment_name">一二三四五六七八九十</p>
                                <p class="index_artical_details_comment_date"><span>2015</span>-<span>05</span>-<span>23</span></p>
                                <p class="index_artical_details_comment_time"><span>16</span>:<span>21</span></p>
                                <div class="index_artical_details_comment_pic_namemyselfdelete"><img src="../imgages/delete.png" alt="删除"></div>
                            </div>
                            <div class="index_artical_details_comment_txt">
                                这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里
                            </div>
                            &lt;!&ndash;自己的评论还有一个可以删除评论人评论的删除按钮&ndash;&gt;
                            <div class="index_artical_details_comment_othertomyself clearfloat">
                                <div class="index_artical_details_comment_othertomyself_triangle"></div>
                                <div class="index_artical_details_comment_othertomyself_content clearfloat">
                                    <img class="index_artical_details_comment_othertomyself_content_pic" src="../imgages/" alt="评论人头像">
                                    <div class="index_artical_details_comment_othertomyself_content_txt clearfloat">
                                        <span class="index_artical_details_comment_othertomyself_content_name">一二三四五六七八九十</span><span>：</span>
                                        <span>
                                            别人对自己的评论做出的评论内容别人对自己的评论做出的评论内容别人对自己的评论做出的评论内容呃呃呃呃呃呃呃呃呃呃呃呃呃呃
                                        </span>
                                        <div class="index_artical_details_comment_othertomyself_content_btns clearfloat">
                                            <p>回复</p>
                                            <span class="index_artical_details_comment_othertomyself_jubao">举报</span>
                                        </div>
                                        <div class="index_artical_details_notfirstcomment_box index_artical_details_comment_backtoother_box">
                                            <form action="">
                                                <textarea type="text" name="" class="index_artical_details_comment_textarea index_artical_details_comment_backtoother_textarea"  placeholder="回复@一二三四五六七八九十"></textarea>
                                                <button class="index_artical_details_comment_submit index_artical_details_notfirstcomment_submit index_artical_details_comment_backtoother_submit" type="submit">发表</button>
                                                <p class="index_artical_details_comment_cancelsubmit index_artical_details_comment_backtoother_cancelsubmit">取消</p>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="index_artical_details_comment_othertomyselfdelete"><img src="../imgages/delete.png" alt="删除"></div>
                            </div>
                            <div class="index_artical_details_comment_others_box">
                                <div class="index_artical_details_comment_others clearfloat">
                                    <div class="index_artical_details_comment_others_left clearfloat">
                                        <p>点评</p>
                                        <span class="index_artical_details_comment_jubao">举报</span>
                                    </div>
                                    <ul class="index_artical_details_comment_others_right clearfloat">
                                        <li class="index_artical_details_comment_others_support clearfloat">
                                            <img src="../imgages/" alt="支持">
                                            <p>123456</p>
                                        </li>
                                        <li class="index_artical_details_comment_others_nosupport clearfloat">
                                            <img src="../imgages/" alt="反对">
                                            <p>123456</p>
                                        </li>

                                    </ul>
                                </div>
                                <div class="index_artical_details_notfirstcomment_box">
                                    <form action="">
                                        <textarea type="text" name="" class="index_artical_details_comment_textarea"  placeholder="你好，10字起评论"></textarea>
                                        <button class="index_artical_details_comment_submit index_artical_details_notfirstcomment_submit" type="submit">发表</button>
                                        <p class="index_artical_details_comment_cancelsubmit">取消</p>
                                    </form>
                                </div>
                            </div>
                        </li>
                        &lt;!&ndash;评论数超过一个时就做收起处理======自己写的第一条评论&ndash;&gt;
                        <li class="index_artical_details_comment_li index_artical_details_comment_li_myself clearfloat">
                            &lt;!&ndash;自己的评论多了删除评论按钮&ndash;&gt;
                            <div class="index_artical_details_comment_pic_name index_artical_details_comment_pic_namemyself clearfloat">
                                <img class="index_artical_details_comment_pic" src="../imgages/40px.png" alt="">
                                <p class="index_artical_details_comment_name">一二三四五六七八九十</p>
                                <p class="index_artical_details_comment_date"><span>2015</span>-<span>05</span>-<span>23</span></p>
                                <p class="index_artical_details_comment_time"><span>16</span>:<span>21</span></p>
                                <div class="index_artical_details_comment_pic_namemyselfdelete"><img src="../imgages/delete.png" alt="删除"></div>
                            </div>
                            <div class="index_artical_details_comment_txt">
                                这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里是评论内容这里
                            </div>
                            &lt;!&ndash;评论数超过一个时收起评论内容，显示小框&ndash;&gt;
                            <div class="index_artical_details_comment_li_over1_showbox clearfloat">
                                <ul class="index_artical_details_comment_li_over1_comment_pics clearfloat">
                                    <li><img src="../imgages/24px@2x.png" alt=""></li>
                                    <li><img src="../imgages/24px@2x.png" alt=""></li>
                                    <li><img src="../imgages/24px@2x.png" alt=""></li>
                                </ul>
                                <div class="index_artical_details_comment_li_over1_show_clickbtn">展开</div>
                            </div>

                            &lt;!&ndash;显示小框，而多个默认隐藏的.index_artical_details_comment_li_hide元素 外加一个默认隐藏的加载按钮块&ndash;&gt;

                            &lt;!&ndash;自己的评论还有一个可以删除评论人评论的删除按钮&ndash;&gt;
                            <div class="index_artical_details_comment_li_hide index_artical_details_comment_li_div index_artical_details_comment_othertomyself clearfloat">
                                <div class="index_artical_details_comment_othertomyself_triangle"></div>
                                <div class="index_artical_details_comment_othertomyself_content index_artical_details_comment_li_div_content clearfloat">
                                    <img class="index_artical_details_comment_othertomyself_content_pic" src="../imgages/" alt="评论人头像">
                                    <div class="index_artical_details_comment_othertomyself_content_txt clearfloat">
                                        <span class="index_artical_details_comment_othertomyself_content_name">一二三四五六七八九十</span><span>：</span>
                                        <span>
                                            别人对自己的评论做出的评论内容别人对自己的评论做出的评论内容别人对自己的评论做出的评论内容呃呃呃呃呃呃呃呃呃呃呃呃呃呃
                                        </span>
                                        <div class="index_artical_details_comment_othertomyself_content_btns clearfloat">
                                            <p>回复</p>
                                            <span class="index_artical_details_comment_othertomyself_jubao">举报</span>
                                        </div>
                                        <div class="index_artical_details_notfirstcomment_box index_artical_details_comment_backtoother_box">
                                            <form action="">
                                                <textarea type="text" name="" class="index_artical_details_comment_textarea index_artical_details_comment_backtoother_textarea"  placeholder="回复@一二三四五六七八九十"></textarea>
                                                <button class="index_artical_details_comment_submit index_artical_details_notfirstcomment_submit index_artical_details_comment_backtoother_submit" type="submit">发表</button>
                                                <p class="index_artical_details_comment_cancelsubmit index_artical_details_comment_backtoother_cancelsubmit">取消</p>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="index_artical_details_comment_othertomyselfdelete"><img src="../imgages/delete.png" alt="删除"></div>
                            </div>
                            &lt;!&ndash;自己的评论还有一个可以删除评论人评论的删除按钮&ndash;&gt;
                            <div class="index_artical_details_comment_li_hide index_artical_details_comment_li_div index_artical_details_comment_othertomyself clearfloat">
                                <div class="index_artical_details_comment_othertomyself_triangle"></div>
                                <div class="index_artical_details_comment_othertomyself_content index_artical_details_comment_li_div_content clearfloat">
                                    <img class="index_artical_details_comment_othertomyself_content_pic" src="../imgages/" alt="评论人头像">
                                    <div class="index_artical_details_comment_othertomyself_content_txt clearfloat">
                                        <span class="index_artical_details_comment_othertomyself_content_name">一二三四五六七八九十</span><span>：</span>
                                        <span>
                                            别人对自己的评论做出的评论内容别人对自己的评论做出的评论内容别人对自己的评论做出的评论内容呃呃呃呃呃呃呃呃呃呃呃呃呃呃
                                        </span>
                                        <div class="index_artical_details_comment_othertomyself_content_btns clearfloat">
                                            <p>回复</p>
                                            <span class="index_artical_details_comment_othertomyself_jubao">举报</span>
                                        </div>
                                        <div class="index_artical_details_notfirstcomment_box index_artical_details_comment_backtoother_box">
                                            <form action="">
                                                <textarea type="text" name="" class="index_artical_details_comment_textarea index_artical_details_comment_backtoother_textarea"  placeholder="回复@一二三四五六七八九十"></textarea>
                                                <button class="index_artical_details_comment_submit index_artical_details_notfirstcomment_submit index_artical_details_comment_backtoother_submit" type="submit">发表</button>
                                                <p class="index_artical_details_comment_cancelsubmit index_artical_details_comment_backtoother_cancelsubmit">取消</p>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="index_artical_details_comment_othertomyselfdelete"><img src="../imgages/delete.png" alt="删除"></div>
                            </div>
                            &lt;!&ndash;收起按钮&ndash;&gt;
                            <div class="index_artical_details_comment_li_hide index_artical_details_comment_li_over1_shouqi_clickbtn">收起</div>

                            <div class="index_artical_details_comment_others_box">
                                <div class="index_artical_details_comment_others clearfloat">
                                    <div class="index_artical_details_comment_others_left clearfloat">
                                        <p>点评</p>
                                        <span class="index_artical_details_comment_jubao">举报</span>
                                    </div>
                                    <ul class="index_artical_details_comment_others_right clearfloat">
                                        <li class="index_artical_details_comment_others_support clearfloat">
                                            <img src="../imgages/" alt="支持">
                                            <p>123456</p>
                                        </li>
                                        <li class="index_artical_details_comment_others_nosupport clearfloat">
                                            <img src="../imgages/" alt="反对">
                                            <p>123456</p>
                                        </li>

                                    </ul>
                                </div>
                                <div class="index_artical_details_notfirstcomment_box">
                                    <form action="">
                                        <textarea type="text" name="" class="index_artical_details_comment_textarea"  placeholder="你好，10字起评论"></textarea>
                                        <button class="index_artical_details_comment_submit index_artical_details_notfirstcomment_submit" type="submit">发表</button>
                                        <p class="index_artical_details_comment_cancelsubmit">取消</p>
                                    </form>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="loadmore_index_artical_details_comment_li">加载更多</div>
                </div>-->
            </ul>

            <!--<div class="right_know_popu">
                &lt;!&ndash;<div class="right_knowledge right_audio_connectcontents">
                    <div class="right_audio_connectcontents_author_pic_name clearfloat">
                        <img class="right_audio_connectcontents_author_pic" src="../imgages/24px@2x.png" alt="个人头像">
                        <div class="right_audio_connectcontents_author_nameothers">
                            <p class="right_audio_connectcontents_author_name textover_">一二三四五六七八九</p>
                            <p class="right_audio_connectcontents_author_wznumber"><span>99999</span> 篇文章</p>
                        </div>
                    </div>
                    <ul class="right_audio_connectcontents_sendmsg_follow clearfloat">
                        <li class="right_audio_connectcontents_sendmsg clearfloat">
                            <div class="right_audio_connectcontents_imgbox">
                                <img src="../imgages/sendmsg.png" alt="发私信">
                            </div>
                            <div class="right_author_img_tips right_author_img_tips_sendmsg clearfloat">
                                <div class="up_triangle"></div>
                                <p>给TA发私信</p>
                            </div>
                        </li>
                        <li class="right_audio_connectcontents_follow clearfloat">
                            <div class="right_audio_connectcontents_imgbox">
                                <img src="../imgages/onfocus.png" alt="关注">
                            </div>
                            <div class="right_author_img_tips right_author_img_tips_follow clearfloat">
                                <div class="up_triangle"></div>
                                <p>关注</p>
                            </div>
                        </li>
                    </ul>
                </div>&ndash;&gt;
                <div class="right_knowledge">
                    <p class="right_knowledge_title">智囊团&#124;The think tank</p>
                    <ul class="right_knowledge_lis">
                        <li class="right_knowledge_author clearfloat">
                            <img src="../imgages/" alt="" class="right_knowledgeauthor_pic">
                            <div class="right_knowledgeauthor_about">
                                <div class="right_knowledgeauthor_name_icon clearfloat">
                                    <p class="right_knowledgeauthor_name textover_ ">一二三四五六七八九s时发我就二分点点滴滴方法</p>
                                    <img src="../right_knowledgeauthor_icon" alt="">
                                </div>
                                <p class="right_knowledgeauthor_unit textover_">北京协和医院大学出版社啊faeawfawefeaefawfwea</p>
                                <div class="right_knowledgeauthor_num">
                                    <span>99,999</span>篇文章
                                </div>
                            </div>
                        </li>
                        <li class="right_knowledge_author clearfloat">
                            <img src="../imgages/" alt="" class="right_knowledgeauthor_pic">
                            <div class="right_knowledgeauthor_about">
                                <div class="right_knowledgeauthor_name_icon clearfloat">
                                    <p class="right_knowledgeauthor_name textover_ ">一二三四五六七八九</p>
                                    <img src="../right_knowledgeauthor_icon" alt="">
                                </div>
                                <p class="right_knowledgeauthor_unit textover_">北京协和医院大学出版社啊</p>
                                <div class="right_knowledgeauthor_num">
                                    <span>99,999</span>篇文章
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="right_knowledge right_popularart">
                    <p class="right_knowledge_title right_popularart_title">热门&#124;Popular articles</p>
                    <ul class="right_popularart_lis">
                        <li class="right_popularart_hot">
                            <img class="right_popularart_hot_pic" src="../" alt="">
                            <p class="right_popularart_hot_title textover_">如果您的文章此前没有在微信平大而非挖坟挖而发</p>
                            <div class="right_popularart_hot_type_time clertfloat">
                                <p class="right_popularart_hot_type">科技&#124;Technology</p>
                                <div class="right_popularart_hot_time">
                                    <span>2015</span>-<span>10</span>-<span>23</span>
                                </div>
                            </div>
                        </li>
                        <li class="right_popularart_hot">
                            <img class="right_popularart_hot_pic" src="../" alt="">
                            <p class="right_popularart_hot_title textover_">如果您的文章此前没有在微信平发而为福娃</p>
                            <div class="right_popularart_hot_type_time clertfloat">
                                <p class="right_popularart_hot_type">科技&#124;Technology</p>
                                <div class="right_popularart_hot_time">
                                    <span>2015</span>-<span>10</span>-<span>23</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>-->
            <div class="right_know_popu">
                <!--<div class="right_knowledge right_audio_connectcontents">
                    <div class="right_audio_connectcontents_author_pic_name clearfloat">
                        <img class="right_audio_connectcontents_author_pic" src="imgages/24px@2x.png" alt="个人头像">
                        <div class="right_audio_connectcontents_author_nameothers">
                            <p class="right_audio_connectcontents_author_name textover_">一二三四五六七八九</p>
                            <p class="right_audio_connectcontents_author_wznumber"><span>99999</span> 篇文章</p>
                        </div>
                    </div>
                    <ul class="right_audio_connectcontents_sendmsg_follow clearfloat">
                        <li class="right_audio_connectcontents_sendmsg clearfloat">
                            <div class="right_audio_connectcontents_imgbox">
                                <img src="imgages/sendmsg.png" alt="发私信">
                            </div>
                            <div class="right_author_img_tips right_author_img_tips_sendmsg clearfloat">
                                <div class="up_triangle"></div>
                                <p>给TA发私信</p>
                            </div>
                        </li>
                        <li class="right_audio_connectcontents_follow clearfloat">
                            <div class="right_audio_connectcontents_imgbox">
                                <img src="imgages/onfocus.png" alt="关注">
                            </div>
                            <div class="right_author_img_tips right_author_img_tips_follow clearfloat">
                                <div class="up_triangle"></div>
                                <p>关注</p>
                            </div>
                        </li>
                    </ul>
                </div>-->
                <div class="right_knowledge">
                    <p class="right_knowledge_title">智囊团 &#124; The think tank</p>
                    <ul class="right_knowledge_lis">
                        <li class="right_knowledge_author clearfloat">
                            <img src="../imgages/author_pic.png" alt="" class="right_knowledgeauthor_pic">
                            <div class="right_knowledgeauthor_about">
                                <div class="right_knowledgeauthor_name_icon clearfloat">
                                    <p class="right_knowledgeauthor_name textover_ ">一二三四五六七八九</p>
                                    <img src="../imgages/right_knowledgeauthor_icon.png" alt="">
                                </div>
                                <p class="right_knowledgeauthor_unit textover_">北京协和医院大学出版社啊faeawfawefeaefawfwea</p>
                                <div class="right_knowledgeauthor_num">
                                    <span>99,999</span>篇文章
                                </div>
                            </div>
                        </li>
                        <li class="right_knowledge_author clearfloat">
                            <img src="../imgages/author_pic.png" alt="" class="right_knowledgeauthor_pic">
                            <div class="right_knowledgeauthor_about">
                                <div class="right_knowledgeauthor_name_icon clearfloat">
                                    <p class="right_knowledgeauthor_name textover_ ">一二三</p>
                                    <img src="../imgages/right_knowledgeauthor_icon.png" alt="">
                                </div>
                                <p class="right_knowledgeauthor_unit textover_">北京协和医院大学出版社啊</p>
                                <div class="right_knowledgeauthor_num">
                                    <span>99,999</span>篇文章
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="right_knowledge right_popularart">
                    <p class="right_knowledge_title right_popularart_title">热门 &#124; Popular articles</p>
                    <ul class="right_popularart_lis">
                        <li class="right_popularart_hot">
                            <img class="right_popularart_hot_pic" src="../imgages/hot_pic.png" alt="">
                            <p class="right_popularart_hot_title textover_">如果您的文章此前没有在微信平大而非挖坟挖而发</p>
                            <div class="right_popularart_hot_type_time clertfloat">
                                <p class="right_popularart_hot_type">科技 &#124; Technology</p>
                                <div class="right_popularart_hot_time">
                                    <span>2015</span>-<span>10</span>-<span>23</span>
                                </div>
                            </div>
                        </li>
                        <li class="right_popularart_hot">
                            <img class="right_popularart_hot_pic" src="../imgages/hot_pic.png" alt="">
                            <p class="right_popularart_hot_title textover_">如果您的文章此前没有在微信平发而为福娃</p>
                            <div class="right_popularart_hot_type_time clertfloat">
                                <p class="right_popularart_hot_type">科技 &#124; Technology</p>
                                <div class="right_popularart_hot_time">
                                    <span>2015</span>-<span>10</span>-<span>23</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="progressbar_box">
            <p>50%</p>
            <div class="progressbar clearfloat"><p>..</p></div>
        </div>
    </div>
</div>
<div id="bottom">
    <div class="bottom_content clearfloat">
        <div class="connect clearfloat">
            <div class="connect_wx">
                <div class="bottom_imgbox"><img src="../imgages/微信1.png" alt=""></div>
                <div class="img_tips">
                    <p>官方微信</p>
                    <div class="down_triangle"></div>
                </div>
            </div>
            <div class="connect_wb">
                <div class="bottom_imgbox"><img src="../imgages/微博1.png" alt=""></div>
                <div class="img_tips">
                    <p>微博分享</p>
                    <div class="down_triangle"></div>
                </div>
            </div>
            <div class="connect_feedback">
                <div class="bottom_imgbox"><img src="../imgages/反馈1.png" alt=""></div>
                <div class="img_tips">
                    <p>意见反馈</p>
                    <div class="down_triangle"></div>
                </div>
            </div>
        </div>
        <div class="back_top">
            <div class="bottom_imgbox"><img src="../imgages/置顶1.png" alt=""></div>
            <div class="img_tips">
                <p>置顶</p>
                <div class="down_triangle"></div>
            </div>
        </div>
        <div class="person_abouts clearfloat">
            <div class="person_sendmsg">
                <div class="bottom_imgbox"><img src="../imgages/私信1.png" alt=""></div>
                <div class="img_tips">
                    <p>给TA发私信</p>
                    <div class="down_triangle"></div>
                </div>
            </div>
            <div class="person_follow">
                <div class="bottom_imgbox"><img src="../imgages/关注1.png" alt=""></div>
                <div class="img_tips">
                    <p>关注</p>
                    <div class="down_triangle"></div>
                </div>
            </div>
            <div class="person_tip-off_details">
                <div class="bottom_imgbox"><img src="../imgages/更多1.png" alt=""></div>
                <div class="img_tips">
                    <p>详细资料</p>
                    <p>举报</p>
                    <div class="down_triangle"></div>
                </div>
            </div>
            <div class="person_edit">
                <div class="bottom_imgbox"><img src="../imgages/修改1.png" alt=""></div>
                <div class="img_tips">
                    <p>编辑资料</p>
                    <div class="down_triangle"></div>
                </div>
            </div>
            <div class="person_quit">
                <div class="bottom_imgbox"><img src="../imgages/更多1.png" alt=""></div>
                <div class="img_tips">
                    <p>安全退出</p>
                    <p>疑问解答</p>
                    <div class="down_triangle"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../js/index_lis_show.js"></script>
<script src="../js/same_action.js"></script>
<script>
        var mySwiper = new Swiper ('.swiper-container', {
            direction: 'horizontal',
            loop: true,

            // 如果需要分页器
            pagination: '.swiper-pagination',
            //分页器点击切换
            paginationClickable :true,
            //环路
            loop : true,
//            自动切换
            autoplay : 4000,
            // 如果需要前进后退按钮
//            nextButton: '.swiper-button-next',
//            prevButton: '.swiper-button-prev',

            // 如果需要滚动条
//            scrollbar: '.swiper-scrollbar',
        })
</script>
</body>
</html>